<!doctype html>
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>金融炼金术 首页</title>
    <link href="global.css" rel="stylesheet" media="screen" />
    <link href="topic.css" rel="stylesheet" media="screen" />
</head>
<body>
	<!-- 导航 start -->
	<div class="mod_navigation_1">
		<div class="wrap">
			<div class="logo">
				<div class="logo_img">
					<span class="hidden">金融炼金术</span>
				</div>
				<!-- 登陆前 start -->
				<div class="login" style="display:none;">				
					<a href="##" class="btn btn_red">立即登录</a>
					<div class="links">
						<p>没有账号？<a href="##" class="link">立即注册</a></p>
					</div>					
				</div>
				<!-- 登录后 end -->
				<div class="login login_success">
					<!-- 登陆后 start -->
					<a href="##" class="photo"><img src="image/img-4.png"></a>
					<div class="user_info">
						<p class="user_name"><a href="##" class="name">小米，</a><a href="##" class="link">退出</a><a href="##" class="ico ico_dollar"></a></p>
						<p class="user_date">12-10 周三 10:18 <span>交易中</span></p>
					</div>
					<!-- 登录后 end -->
				</div>
			</div>
			<div class="mod_1">
				<div class="total_text">
					<span class="ico ico_dollar"></span><span class="text_1">1.5亿</span><span class="text_2">资金冶炼中</span><a href="##" class="btn btn_yellow">立即开户</a>
				</div>
				<div class="state">
					<div class="chart">
						<img src="image/chart.png">
					</div>
					<ul>
						<li><a href="##" class="title"><span class="label">金</span><span class="news_title textoverflow">金融</span><span class="news_data"><i>28%</i>/日</span></a><a href="##" class="kudos"></a><span class="progress_out"><span class="progress_in" style="width:20%;"></span></span></li>
						<li><a href="##" class="title"><span class="label">木</span><span class="news_title textoverflow">上市公司并购定增上市公司并购定增</span><span class="news_data"><i>21%</i>/日</span></a><a href="##" class="kudos"></a><span class="progress_out"><span class="progress_in" style="width:50%;"></span></span></li>
						<li><a href="##" class="title"><span class="label">水</span><span class="news_title textoverflow">科学技术驱动</span><span class="news_data"><i>98%</i>/日</span></a><a href="##" class="kudos"></a><span class="progress_out"><span class="progress_in" style="width:70%;"></span></span></li>
						<li><a href="##" class="title"><span class="label">火</span><span class="news_title textoverflow">军工等政策驱动</span><span class="news_data"><i>128%</i>/日</span></a><a href="##" class="kudos"></a><span class="progress_out"><span class="progress_in" style="width:20%;"></span></span></li>
						<li><a href="##" class="title"><span class="label">风</span><span class="news_title textoverflow">科学技术驱动类</span><span class="news_data"><i>35%</i>/日</span></a><a href="##" class="kudos"></a><span class="progress_out"><span class="progress_in" style="width:30%;"></span></span></li>
					</ul>
				</div>
			</div>
			<div class="mod_2">
				<div class="total_text">
					<span class="ico ico_rank"></span><span class="text_1">899位</span><span class="text_2">炼金师扎堆休息侃大山</span>
				</div>
				<div class="state">
					<ul>
						<li><a href="##" class="title textoverflow">新浪财经资讯 12月15日消息 沪深消息</a><span class="text_time">10分钟前</span></li>
						<li><a href="##" class="title textoverflow">深成指开低后探底回升翻红消息文字文字文字</a><span class="text_time">10分钟前</span></li>
						<li><a href="##" class="title textoverflow">深成指开低后探底回升翻红消息文字文字文字</a><span class="text_time">1分钟前</span></li><li><a href="##" class="title textoverflow">深成指开低后探底回升翻红消息文字文字文字</a><span class="text_time">10分钟前</span></li><li><a href="##" class="title textoverflow">深成指开低后探底回升翻红消息文字文字文字</a><span class="text_time">10分钟前</span></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="mod_navigation_2">
		<div class="wrap">
			<ul class="nav">
				<li class="nav_item nav_item_selected"><a href="##">首页</a></li>
				<li class="nav_item"><a href="##">主题排名</a></li>
				<li class="nav_item"><a href="##">社区</a></li>
				<li class="nav_item"><a href="##"><span class="plus">+</span>新建主题</a></li>
			</ul>
			<div class="op_area">
				<a href="##" class="op_btn"><span class="ico ico_heart"></span>11</a>
				<a href="##" class="op_btn"><span class="ico ico_cart"></span>18</a>
			</div>
			<div class="btn_area">
				<a href="##" class="btn btn_gray">体验模拟交易</a>
				<a href="##" class="btn btn_gray">关联实盘账户</a>
			</div>
			
		</div>
	</div>
	<!-- 导航 end -->
	<!-- 面包屑 start -->
	<div class="breadcrumb">
		<div class="wrap">
			<ul>
			<li>
				<a href="##" class="link">首页</a>
			</li>
			<li>
				<a href="##" class="link link_now"> > 新建主题</a>
			</li>
			</ul>
		</div>		
	</div>
	<!-- 面包屑 end -->
	<!-- 内容 start -->
	<div class="main_content">
		<div class="wrap clear">
			<!-- 左边 start -->
		<div class="left_ct">

			<div class="title">
				<h2>新建主题策略</h2>
				<div class="steps">
					<div class="step">				
					</div>
					<span class="text">
					简单3步，助你投资
					</span>
				</div>
			</div>

			<div class="new_topic">
				
				<div class="title_area">
					<span>*</span>
					策略名称
				</div>
				<div class="topic_content">
					<label class="login_info">
                        <input type="text" class="name" placeholder="">
                    </label>
                    <div class="update">
                    	<a href="##" class="btn btn_gray_2">上传策略图</a>
                    </div>
				</div>

				<div class="title_area">
					<span>*</span>
					策略说明
				</div>
				<div class="topic_content">
                        <textarea class="textarea">                       	
                        </textarea>                 
				</div>
				<div class="slice">
					
				</div>
				<div class="title_area">
					<span>*</span>
					添加股票<span class="des">（一个策略最多添加30支股票）</span>
				</div>
				<div class="topic_content">
                	<div class="stock_list">
                		<input type="text" class="input" placeholder="请输入代码/拼音/名称">
                		<div class="list_ct">
                			<div class="list_text">
                                <a href="##" class="btn btn_gray_2">比例划分</a>
                				股票列表及其特仓（0只占0%）
                			</div>
                			<table>
                				<colgroup></colgroup>
                				<thead>
                					<th>&nbsp;</th>
                					<th>代码</th>
                					<th>名称</th>
                					<th>持仓比例(%)</th>
                					<th>&nbsp;</th>
                				</thead>
                				<tbody style="display:none;">
                					<tr>
                						<td>1</td>
                						<td>600030</td>
                						<td>中信证券</td>
                						<td>
                							<span class="mod_count"> 
												<a href="##" class="btn_minus">-</a>
													<input type="text" class="count_num"> 
												<a href="##" class="btn_plus">+</a>
											</span>
                						</td>
                						<td>
                							<a href="##" class="btn_delete"></a>
                						</td>
                					</tr>
                					<tr>
                						<td>2</td>
                						<td>600030</td>
                						<td>中信证券</td>
                						<td>
                							<span class="mod_count"> 
												<a href="##" class="btn_minus">-</a>
													<input type="text" class="count_num"> 
												<a href="##" class="btn_plus">+</a>
											</span>
                						</td>
                						<td>
                							<a href="##" class="btn_delete"></a>
                						</td>
                					</tr>
                					<tr>
                						<td>3</td>
                						<td>600030</td>
                						<td>中信证券</td>
                						<td>
                							<span class="mod_count"> 
												<a href="##" class="btn_minus">-</a>
													<input type="text" class="count_num"> 
												<a href="##" class="btn_plus">+</a>
											</span>
                						</td>
                						<td>
                							<a href="##" class="btn_delete"></a>
                						</td>
                					</tr>
                					<tr>
                						<td>4</td>
                						<td>600030</td>
                						<td>中信证券</td>
                						<td>
                							<span class="mod_count"> 
												<a href="##" class="btn_minus">-</a>
													<input type="text" class="count_num"> 
												<a href="##" class="btn_plus">+</a>
											</span>
                						</td>
                						<td>
                							<a href="##" class="btn_delete"></a>
                						</td>
                					</tr>
                					<tr>
                						<td>5</td>
                						<td>600030</td>
                						<td>中信证券</td>
                						<td>
                							<span class="mod_count"> 
												<a href="##" class="btn_minus">-</a>
													<input type="text" class="count_num"> 
												<a href="##" class="btn_plus">+</a>
											</span>
                						</td>
                						<td>
                							<a href="##" class="btn_delete"></a>
                						</td>
                					</tr>
                					<tr>
                						<td>6</td>
                						<td>600030</td>
                						<td>中信证券</td>
                						<td>
                							<span class="mod_count"> 
												<a href="##" class="btn_minus">-</a>
													<input type="text" class="count_num"> 
												<a href="##" class="btn_plus">+</a>
											</span>
                						</td>
                						<td>
                							<a href="##" class="btn_delete"></a>
                						</td>
                					</tr>
                				</tbody>
                				<tbody class="blank">
                					<tr>
                						<td colspan="5">
                							<p>暂无股票，请在上方搜索框中输入</p>
                							<p>“代码/名称/拼音”添加股票</p>
                						</td>
                					</tr>
                				</tbody>
                			</table>
                		</div>
                	</div>  

                	<div class="hot_stock">
                		<div class="text">
                			一个月内热门策略股票
                		</div>
                		<div class="hot_stock_item">
                            <a href="##" class="btn btn_gray_2"><span class="ico_plus">+</span>添加</a>
                			500034 中信证券
                		</div>
                        <div class="hot_stock_item">
                            <a href="##" class="btn btn_gray_2"><span class="ico_plus">+</span>添加</a>
                            500034 中信证券
                        </div>
                        <div class="hot_stock_item">
                            <a href="##" class="btn btn_gray_2"><span class="ico_plus">+</span>添加</a>
                            500034 中信证券
                        </div>
                        <div class="hot_stock_item">
                            <a href="##" class="btn btn_gray_2"><span class="ico_plus">+</span>添加</a>
                            500034 中信证券
                        </div>
                        <div class="hot_stock_item">
                            <a href="##" class="btn btn_gray_2"><span class="ico_plus">+</span>添加</a>
                            500034 中信证券
                        </div>
                        <div class="hot_stock_item">
                            <a href="##" class="btn btn_gray_2"><span class="ico_plus">+</span>添加</a>
                            500034 中信证券
                        </div>
                	</div>

				</div>

			</div>

			<div class="mod_recommend clear">
				<div class="title_area">
					添加推荐理由
				</div>
				<textarea class="textarea">
					
				</textarea>
				<div class="upload">
					<div class="update">
						<a href="##" class="btn btn_gray_2">上传照片</a>
					</div>
					<div class="update">
						<a href="##" class="plus"></a>
					</div>
					<div class="update">
						<a href="##" class="plus"></a>
					</div>
					<div class="update">
						<a href="##" class="plus"></a>
					</div>
					<div class="update last">
						<a href="##" class="plus"></a>
					</div>
				</div>
				<textarea class="textarea">
					
				</textarea>
			</div>

			<div class="op_area">
				<a href="##" class="btn btn_gray">保存</a>
				<a href="##" class="btn btn_red">完成</a>
			</div>

		</div>
		<!-- 左边 end -->

		<!-- 右边 start -->
		<div class="right_ct">
            <div class="mod_hot">
                <div class="title">
                    <h2>热门主题</h2>
                </div>
                <div class="list_item">
                    <a href="##" class="news_img"><img src="image/top_list_news1.jpg"></a>
                    <p class="news_text">银河证券特级分析师推荐主题，持续两个季度收益率超过45%</p>
                </div>
                <div class="list_item">
                    <a href="##" class="news_img"><img src="image/top_list_news2.jpg"></a>
                    <p class="news_text">银河证券特级分析师推荐主题，持续两个季度收益率超过45%</p>
                </div>
                <div class="list_item">
                    <a href="##" class="news_img"><img src="image/top_list_news3.jpg"></a>
                    <p class="news_text">银河证券特级分析师推荐主题，持续两个季度收益率超过45%</p>
                </div>
                <div class="list_item">
                    <a href="##" class="news_img"><img src="image/top_list_news4.jpg"></a>
                    <p class="news_text">银河证券特级分析师推荐主题，持续两个季度收益率超过45%</p>
                </div>
            </div>
		</div>
		<!-- 右边 end -->
		</div>
		
	</div>
	<!-- 内容 end -->




	<!-- footer start -->
	<div class="mod_footer_1">
		<div class="wrap">
			<div class="ft">
				<div class="ico ico_safe"></div>
				<div class="ft_info">
					<p class="title">安全放心</p>
					<p class="text">资金运作监管机构全程监督，财产有效保障</p>
				</div>
			</div>
			<div class="ft">
				<div class="ico ico_time"></div>
				<div class="ft_info">
					<p class="title">节省时间</p>
					<p class="text">精心设计主题结合，无需奔波挑选</p>
				</div>
			</div>
		</div>
	</div>
	<div class="mod_footer_2">
		<div class="wrap">
			<p class="text_1">准备开始高收益理财人生了么？</p>
			<p class="text_2">各路赢家带你投资，轻松跑赢理财！</p>
			<div class="op_btns">
				<a href="##" class="btn btn_gray">我要注册</a>
				<a href="##" class="btn btn_red">我要开户</a>
			</div>
			<div class="logo">
				<span class="hidden">金融炼金术</span>
			</div>
			<a href="##" class="btn btn_follow"><i>+</i>关注</a>
			<div class="links">
				<a href="##" class="link">关于跑赢家</a>
				<a href="##" class="link">联系我们</a>
				<a href="##" class="link link_last">市场有风险，投资需谨慎</a>
			</div>
		</div>
	</div>
	<div class="copyright">
				Copyright©2014 Soufun Holdings Limited. All Rights Reserved
	</div>
	<!-- footer end -->
<div class="dialog_layer label_layer" style="width:450px;position:relative;float:left;left:0;top:0;clear:both">
	    <div class="dialog_layer_main">
	     <div class="dialog_layer_title title_white"><h3><a href="##" class="close"></a></h3></div>
	        <div class="dialog_layer_cont">
	            <p class="cont_text"><strong>保存成功！</strong>您创建的主题可以在 个人中心>创建发布 下查看、编辑，如果想发布到网站上，请您继续预览并发布主题</p>
	        </div>
	    </div>
	</div>

</body>
</html>